<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>

<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>

</head>
<!-- end header -->
<body>
  <div class="page-group">
    <div class="page page-current">
      <form action="${ctx.host}/jinjiamedia/registe?serailNumber=${param.serailNumber}" method="POST"
        class="registration-form">
        <img alt="" src="${ctx.resource}/image/jinjiamedia.jpg"
          style="width: 100%; height: 100%;">
        <div
          style="position: absolute; top: 50%; bottom: 0px; width: 80%; margin: 0 10%;">
          <div class="list-block" style="margin: 0px; margin-top: 2rem;">
            <ul class="no-after no-before"
              style="background-color: transparent; border: 0px;">
              <!-- Text inputs -->
              <li>
                <div class="item-content" style="padding: 0px;">
                  <div class="item-inner"
                    style="padding: 0px; background-color: #FEDC31; border-radius: 1rem;">
                    <div class="item-input" style="background-color: #fff;">
                      <input type="text" name="userName"
                        style="text-align: center; padding-left: 1.25rem;">
                    </div>
                    <div class="item-title label text-center">输入姓名</div>
                  </div>
                </div>
              </li>
              <li style="margin-top: 1.4rem;">
                <div class="item-content" style="padding: 0px;">
                  <div class="item-inner"
                    style="padding: 0px; background-color: #FEDC31; border-radius: 1rem;">
                    <div class="item-input" style="background-color: #fff;">
                      <input type="text" name="mobile"
                        style="text-align: center; padding-left: 1.25rem;">
                    </div>
                    <div class="item-title label text-center">输入手机</div>
                  </div>
                </div>
              </li>
            </ul>
            <p><a href="javascript:void(0);" class="button submit-btn" style="width: 3rem; margin: 0 auto; margin-top: 3rem; line-height: 1.8rem; height: 1.8rem; border-color: #fff; color: #fff;">提交</a></p>
          </div>
        </div>
      </form>
    </div>
  </div>

  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build"
    src="js/page/jinjia.js" />
  <script type="text/javascript">
    require([ 'page/jinjia' ], function(page) {
      page.init()
    })
  </script>
</body>
</html>